<el-dialog
    title="图标选择"
    :visible.sync="jurisdiction.dialog"
    width="870px"
    top="8vh"
    custom-class="Va-dialog auto"
    :lock-scroll="false"
    append-to-body
    {{--  监测抽屉鼠标事件  --}}
    :close-on-click-modal="mousedownClassBol"
    @mousedown.native="handleWrapperMousedown($event)"
    @mouseup.native="handleWrapperMouseup($event)"
    {{--  监测抽屉鼠标事件 End  --}}
    v-cloak data-7512a93d
>
    <div>
        <div v-loading="jurisdiction.loading">
            <el-row :gutter="24" type="flex" class="Va-dialog-main" data-7512a93d :style="layouts.dialogFixedHeight">
                <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                    <ul class="icon-list">
                        <li v-for="(item,index) in iconItems" @click="jurisdictionSelected(item)">
                            <span>
                                <i :class="item"></i>
                                <span class="icon-name">@{{ item }}</span>
                            </span>
                        </li>
                    </ul>
                    <div style="height: 10px"></div>
                </el-col>
            </el-row>
        </div>
    </div>
</el-dialog>
